/* 初始化样式 */
html {
    width: 100%;
    height: 100%;
}

body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: microsoft yahei;
    color: #666;
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
}

body, div, ul, li, dl, dd, dt, form, input, textarea, pre, ol, h1, h2, h3, h4, h5, h6, img, p, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

input, textarea {
    background: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

img {
    max-width: 100%;
}

em, i {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; /*解决移动端A标签跳转时候有闪烁的情况*/
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 清除浮动 */
.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*头部*/
.headBox {
    width: 100%;
    height: 0.66rem;
    background: #f282f0;
    position: absolute;
    left: 0;
    top: 0;
}

.headBox .Member {
    font-size: 0.24rem;
    line-height: 0.66rem;
    color: #fff;
    float: left;
    margin-left: 0.2rem;

}

.headBox .balance {
    float: left;
    width: 2.16rem;
    height: 0.39rem;
    border-radius: 20px;
    background: #66207f;
    margin: 0.16rem 0.5rem 0 0.6rem;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.45rem;
    padding-left: 0.1rem;
    position: relative;
}

.headBox .balance .icon_btn {
    position: absolute;
    right: -2px;
    top: 0;
    width: 0.4rem;
    height: 0.4rem;
}

.headBox .exchange {
    float: left;
    width: 0.9rem;
    margin-right: 0.1rem;
    height: 0.4rem;
    background: url(../img/icon_2.png);
    background-size: 100% 100%;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.15rem;
    cursor: pointer;
}

.exchange a {
    color: #fff;
}

/*内容区域*/
.contat {
    position: absolute;
    top: 0.66rem;
    left: 0;
    right: 0;
    bottom: 1rem;
    overflow-y: auto;
}

.cont_Box {
    max-width: 1024px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.Explain {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
    font-size: 0;
    margin-bottom: 0.1rem;
}

.Explain img {
    width: 2.4rem;
    margin-top: 0.2rem;
}

.Explain span {
    position: absolute;
    right: 0.2rem;
    top: 0rem;
    margin-top: 0.2rem;
    font-size: 0.16rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0.2rem;
    padding: 0.05rem 0.1rem;
    cursor: pointer;
}

.ExplainMask {
    position: absolute;
    left: 0;
    top: -0.2rem;
    width: 100%;
    min-height: 5.5rem;
    height: 100%;
    background: url(../img/124.png) no-repeat;
    background-size: cover;
    z-index: 999999999;
    display: none;
}

.ExplainMask .ExplainClose img {
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    bottom: -0.4rem;
    width: 0.6rem;
    z-index: 9999999;
}

.ExplainMask h3 {
    margin-top: 0.2rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    border-bottom: 1px solid #b5b5b5;
    line-height: 0.8rem;
}

.ExplainMask p {
    text-align: left;
    width: 100%;
    float: left;
    padding: 0 0.4rem;
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.5rem;
}

.ExplainMask p strong {
    color: #4b97ff;
}

.ExchanBox {
    position: absolute;
    right: 0;
}

/*倒计时*/
.time {
    width: 100%;
    height: 1.14rem;
    float: left;
    position: relative;
}

.time_img {
    position: absolute;
    left: 50%;
    margin-left: -2.23rem;
    width: 4.47rem;
    height: 1.14rem;
    background: url(../img/icon_4.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.44rem;
    color: #7c167a;
}

.time_js {
    width: 1.73rem;
    height: 0.55rem;
    position: absolute;
    right: 0.34rem;
    color: #fff;
}

.time_js span {
    font-size: 0.48rem;
    display: inline-block;
    width: 0.83rem;
    line-height: 0.55rem;

}

.time_js span#tiema {
    padding-right: 0.08rem;
}

.LotteryResults {
    width: 100%;
    height: 2.4rem;
    margin-top: 0.2rem;
    float: left;
    text-align: center;
    position: relative;
}

.LotterImg {
    position: absolute;
    left: 50%;
    margin-left: -2.97rem;
    width: 5.94rem;
    height: 2.4rem;
    background: url(../img/icon_5.png) no-repeat;
    background-size: cover;
}

.LotterImg p {
    margin: 0 0.1rem;
    font-size: 0.24rem;
    color: #fff;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #b5b5b5;

}

.LotterImg p i {
    margin-right: 0.2rem;
}

.LotterImg dl {
    font-size: 0.3rem;
    color: #fff;
    margin: 0 0.1rem;
}

.LotterImg dl dd {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 0.1rem;
    line-height: 0.46rem;
}

.LotterImg dl dd h3 {
    width: 70%;
    text-align: center;
    float: left;
}

.LotterImg dl dd span {
    margin-top: 0.05rem;
    width: 30%;
    float: left;
}

.LotterImg dl dd span b {
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 50%;
    background: #5536b9;
    display: inline-block;
    font-weight: 400;
    line-height: 0.36rem !important;
}

.Betting {
    width: 100%;
    height: 2.64rem;
    text-align: center;
    float: left;
    margin-top: 0.2rem;
    position: relative;
}

.Betting_img {
    position: absolute;
    left: 50%;
    margin-left: -2.93rem;
    width: 5.87rem;
    height: 2.64rem;
    background: url(../img/icon_6.png) no-repeat;
    background-size: cover;
}

.Betting_img p {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.34rem;
}

.Betting_img p i {
    margin-right: 0.05rem;
}

.Betting_img dl {
    width: 100%;
    float: left;
    height: 0.55rem;
    font-size: 0.3rem;
    color: #fff;
    margin-top: 0.82rem;
}

.Betting_img dl dd {
    width: 16.66%;
    float: left;
}

.Betting_img dl dd i {
    display: inline-block;
    width: 0.75rem;
    height: 0.54rem;
    line-height: 0.54rem;
    background: url(../img/icon_a.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.Betting_img dl dd.on i {
    background: url(../img/icon_b.png) no-repeat;
    background-size: 100% 100%;
}

.Betting_img .Odds {
    width: 100%;
    float: left;
    margin-top: 0.4rem;
    font-size: 0.18rem;
}

.BettingConsole {
    width: 100%;
    height: 0.83rem;
    margin-top: 0.2rem;
    float: left;
    position: relative;
}

.BettingConsole .Max {
    width: 1.23rem;
    height: 0.83rem;
    float: left;
    background: url(../img/icon_max.png) no-repeat;
    background-size: cover;
    margin-left: 0.2rem;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.83rem;
    text-align: center;
    cursor: pointer;
}

.BettingConsole .reduce {
    width: 0.58rem;
    height: 0.73rem;
    float: left;
    margin-left: 0.16rem;
    background: url(../img/icon_j.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}

.BettingConsole .numll {
    width: 1.65rem;
    height: 0.73rem;
    float: left;
    margin-left: 0.19rem;
    background: url(../img/icon_numll.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    text-align: center;
    line-height: 0.73rem;
    color: #fff;
    font-size: 0.3rem;
}

.BettingConsole .odd {
    width: 0.58rem;
    height: 0.73rem;
    float: left;
    margin-left: 0.18rem;
    background: url(../img/icon_odd.png) no-repeat;
    background-size: cover;
}

.BettingConsole .Bet {
    position: absolute;
    right: 0;
    top: 0.11rem;
    width: 1.42rem;
    height: 0.49rem;
    float: left;
    background: url(../img/icon_xz.png) no-repeat;
    background-size: cover;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    line-height: 0.49rem;
    cursor: pointer;
}

/*记录页面*/
.Record {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 0;
    margin-top: 0.5rem;
}

.Record span {
    width: 1.52rem;
    height: 1px;
    background: #fff;
    display: inline-block;
    margin-bottom: 0.13rem;
}

.Record i {
    display: inline-block;
    font-size: 0.3rem;
    color: #fff;
    padding: 0 0.3rem;
}

.RecordBox {
    width: 100%;
    height: 80%;
    float: left;
    margin-top: 0.3rem;
    overflow-y: scroll;
}

.RecordBox ul {
    width: 100%;
    height: 100%;
    display: table;
}

.RecordBox ul li {
    width: 25%;
    max-height: 100%;
    min-height: 100%;
    display: table-cell;
    font-size: 0.24rem;
    color: #fff;
    border-right: 1px solid #b5b5b5;
    text-align: center;
    position: relative;
}

.RecordBox ul li.Record_bord {
    border-right: none;
}

.RecordBox ul li span {
    width: 100%;
    float: left;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
}

/*查询界面*/
.querybox {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0.2rem;
}

.query_list {
    width: 100%;
    float: left;
    margin-top: 0.64rem;
}

.query_list p {
    font-size: 0.3rem;
    color: #fff;
    padding: 0 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #b5b5b5;
    margin-top: 0.3rem;
}

.query_list p strong {
    font-weight: 400;
}

.query_list span {
    float: right;
    width: 1.14rem;
    height: 0.41rem;
    text-align: center;
    background: url(../img/icon_10.png) no-repeat;
    background-size: cover;
}

.query_list span a {
    color: #fff;
}

/*我的页面*/
.mybox {
    width: 60%;
    padding-top: 1.4rem;
    margin-left: 20%;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
}

.mybox .login {
    width: 2.78rem;
    height: 0.69rem;
    display: inline-block;
    text-align: center;
    line-height: 0.69rem;
    background: url(../img/icon_11.png) no-repeat;
    background-size: cover;
}

.mybox .login a {
    color: #fff;
}

.mybox .ewm {
    margin-top: 0.4rem;
}

.mybox p {
    margin-top: 0.45rem;
    text-align: left !important;
    line-height: 0.8rem;
}

/*底部*/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.95rem;
    background: #9846c3;
    float: left;
}

.footer ul {
    width: 100%;
    height: 100%;
    float: left;
}

.footer ul li {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
}

.footer ul li i {
    display: inline-block;
    margin-top: 0.08rem;
    height: 0.45rem;
}

.footer ul li i.icon_ft1 img {
    width: 0.52rem;
    height: 0.37rem;
    display: inline-block;
}

.footer ul li i.icon_ft2 img {
    width: 0.44rem;
    height: 0.44rem;
    display: inline-block;
}

.footer ul li i.icon_ft3 img {
    width: 0.44rem;
    height: 0.44rem;
    display: inline-block;
}

.footer ul li i.icon_ft4 img {
    width: 0.56rem;
    height: 0.46rem;
    display: inline-block;
}

.footer ul li span {
    display: block;
}

.footer ul li a {
    color: #fff;
}

/*下注遮罩事件*/
.BetMask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.BetBox {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 70%;
    background: url('../img/bg.jpg') no-repeat;
}

.BetBox h3 {
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.7rem;
}

.BetBox .Bet_list {
    margin: 0 0.3rem;
    font-size: 0.24rem;
    color: #fff;
}

.BetBox .Bet_list p {
    margin-top: 0.3rem;
    border-bottom: 1px solid #b5b5b5;
    line-height: 0.5rem;
    padding-bottom: 0.1rem;
    padding-left: 0.2rem;
}

.BetBox .Bet_list .Bet_max {
    width: 0.4rem;
    height: 0.4rem;
    background: #f00;
    border-radius: 50%;
    text-align: center;
    line-height: 0.4rem;
}

.BetBox .Bet_list p span {
    float: right;
    margin-right: 0.2rem;
}

.Bet_pt {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0;
    margin-top: 0.5rem;
    height: 0.5rem;
}

.Bet_pt b {
    font-size: 0.3rem;
    color: #fff;
    padding: 0 0.2rem;
}

.Bet_pt span {
    width: 1.5rem;
    height: 1px;
    background: #fff;
    display: inline-block;
    margin-bottom: 0.12rem;
}

.Bet_close img {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 0.5rem;
}

.btn_cent {
    width: 100%;
    text-align: center;
    float: left;
}

.btn_suce {
    text-align: center;
    line-height: 0.41rem;
    width: 0.9rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/icon_10.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.24rem;
    color: #fff;
}

/*充值弹出事件*/
.Recharge {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.Recharge_box {
    width: 80%;
    min-height: 75%;
    position: absolute;
    left: 10%;
    top: 10%;
    background: url(../img/Recharge_03.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.Recharge_box .icon_close {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    font-size: 0;
}

.Recharge_box .icon_close img {
    width: 0.45rem;
}

.Recharge_box ul {
    padding: 0.3rem;
}

.Recharge_box ul li {
    width: 100%;
    float: left;
    font-size: 0.24rem;
    color: #fff;
    margin-top: 0.2rem;
    font-size: 0;
}

.Recharge_box ul li span {
    font-size: 0.24rem;
}

.Recharge_box ul li i.RechImg img {
    float: right;
    width: 1rem;
}

.Recharge_box ul li em img {
    width: 100%;
    height: 0.02rem;
    margin-top: 0.1rem;
}

/*登录*/
.longinBg {
    width: 100%;
    height: 100%;
    background: url(../img/loginbg.jpg) no-repeat;
    background-size: cover;
}

.logIMG {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0;
}

.logIMG img {
    margin: 1rem 0;
    width: 5rem;
}

.loginInfo {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 10%;
    font-size: 0;
}

.form_uesr {
    width: 100%;
    height: auto;
    font-size: 0.24rem;
    color: #fff;
    position: relative;
}

.loginInfo .form {
    width: 100%;
    height: auto;
}

.form_uesr label {
    position: absolute;
    left: 0;
    line-height: 0.6rem;
}

.form_uesr span {
    padding-left: 0.8rem;
    width: 100%;
    float: left;
}

.form_uesr span input {
    width: 100%;
    height: 0.6rem;
    border-radius: 20px;
    background: #66207f;
    padding: 0 0.2rem;
    color: #fff;
    font-size: 0.2rem;
}

.form_password {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.24rem;
    position: relative;
    margin-top: 0.4rem;
    color: #fff;
}

.form_password label {
    position: absolute;
    left: 0;
    line-height: 0.6rem;
}

.form_password span {
    padding-left: 0.8rem;
    width: 100%;
    float: left;
}

.form_password span input {
    width: 100%;
    height: 0.6rem;
    border-radius: 20px;
    background: #66207f;
    padding: 0 0.2rem;
    color: #fff;
    font-size: 0.2rem;
}

.form_right {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 0.5rem;
}

.form_right input {
    float: right;
    font-size: 0.24rem;
    color: #fff;
}

.form_right .login_on {
    text-align: center;
    width: 0.9rem;
    height: 0.4rem;
    background: url(../img/icon_2.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.4rem;
}

.form_right .register_on {
    text-align: center;
    width: 0.9rem;
    height: 0.4rem;
    background: url(../img/icon_2.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.2rem;
}

.form_right p {
    width: 100%;
    text-align: right;
    padding-right: 0.3rem;
    float: left;
    margin-top: 0.4rem;
    color: #66207f;
    font-size: 0.2rem;
}

.registerBox h3 {
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
}

.regist_input {
    margin: 0 15%;
    font-size: 0;
    margin-top: 0.5rem;
}

.regist_input input {
    width: 100%;
    height: 0.6rem;
    border-radius: 20px;
    background: #66207f;
    color: #fff;
    font-size: 0.24rem;
    padding: 0 0.2rem;
}

input::-webkit-input-placeholder {
    color: #fff;
}

.register_margin {
    padding: 0 15%;
}

/*提现样式*/
.Withdrawals {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.withdrBg{
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 10%;
    padding: 0 0.3rem 0.4rem 0.3rem;
    background: url(../img/Withdrawals.jpg) no-repeat;
}

.withdrBg .Record span{
    width: 1.6rem;
}
.withdrBg .price{
    font-size: 0.24rem;
    color: #fff;
    padding-bottom:0.2rem;
    border-bottom: 1px solid #b5b5b5;
    width: 100%;
    height:auto;
    float: left;
    margin-top: 0.1rem;
}
.withdrBg .price em{
    color: #f63;
}
.withdrBg .price strong{
    font-size: 0.4rem;
    font-weight: 400;
}
.payment{
    width: 100%;
    height: auto;
    float: left;
    font-size: 0;
}

.payment_input{
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    float: left;
    position: relative;
    margin-top: 0.3rem;
}
.payment_input label{
    width: 1.5rem;
    font-size: 0.24rem;
    color: #fff;
    float: left;
    line-height: 0.6rem;
    position: absolute;
    left: 0;
    text-align: right;
}
.payment_input span{
    padding-left: 1.5rem;
    float: left;
}
.payment_input span input{
    width: 100%;
    height: 0.6rem;
    border-radius: 20px;
    background: #66207f;
    padding: 0 0.2rem;
    color: #fff;
    font-size: 0.24rem;
}

.payment_btn{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0;
}
.payment_btn .btn_tx{
    margin-top: 0.4rem;
    width: 0.9rem;
    height: 0.4rem;
    background: url(../img/icon_2.png)no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.withdrBg .icon_close img{
    width: 0.45rem;
    height: 0.45rem;
    position: absolute;
    right: -0.2rem;
    top:-0.2rem;
}